html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #CBBB9A url(../images/main-bg.jpg) repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #545454;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: 300;
	font-family: 'Oswald', sans-serif;
}

h2 {
	padding: 0px 0px 20px 0px;
	font-size: 2em;
}

p, ol, ul {
	margin-top: 0px;
}

p {
	line-height: 180%;
}

strong {
	color: #EAEAEA;
}

a {
	color: #EAEAEA;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

img.border {
}

img.alignleft {
	float: left;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}

hr {
	display: none;
}

/** WRAPPER */

#wrapper {
	overflow: hidden;
	width: 1200px;
	margin: 50px auto;
	background: #FFFFFF;
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,.2);
}

.container {
	width: 1200px;
	margin: 0px auto;
}

.clearfix {
	clear: both;
}

/** HEADER */

#header {
	overflow: hidden;
	height: 150px;
	background: url(../images/img01.jpg) repeat-x left top;
}

/* Logo */

#logo
{
	float: left;
	width: 350px;
	padding: 30px 0px 0px 50px;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
}

#logo h1
{
	padding: 5px 10px 0px 0px;
}

#logo h1 a
{
	text-decoration: none;
	font-size: 1.5em;
	font-weight: 300;
	color: #FFFFFF;
}

#logo p
{
	display: block;
	margin-top: -10px;
	padding: 0px 0px 0px 0px;
	letter-spacing: 1px;
	font-size: 1.2em;
	color: #FFFFFF;
}

#logo p a
{
	color: #FFFFFF;
}

/* Menu */

#menu
{
	float: right;
	width: 700px;
	padding: 60px 50px 0px 0px;
}

#menu ul
{
	float: right;
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li
{
	float: left;
}

#menu button
{
	display: block;
	margin-left: 1px;
	padding: 7px 0px 7px 30px;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #FFFFFF;
    background: none;
    border: 0;
    cursor: pointer;
}

#menu input
{
	display: block;
	margin-left: 1px;
	padding: 7px 0px 7px 30px;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #FFFFFF;
    background: none;
    border: 0;
    cursor: pointer;
}

/** PAGE */

#page {
	overflow: hidden;
	width: 1100px;
	padding: 50px 50px;
	background: #2E2E2E;
	color: #919191;
}
#page table{
    color: #919191;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#page h2 {
	color: #FFFFFF;
}

/** ACCOUNT */
#accountinfo {
    float: left;
    width: 400px;
    
}
#accountbio {
    float: left;
    width: 600px;
}
#accountcontent {
    float: left;
    width: 1000px;
}

/** CONTENT */

#content {
	float: left;
	width: 750px;
}

#map_canvas {
	height: 500;
	width: 750;
}

/** SIDEBAR */

#sidebar {
	float: right;
	width: 300px;
}

/* Footer */

#footer {
	overflow: hidden;
	margin: 0px 50px;
	padding: 30px 0px;
	border-top: 5px solid #000000;
}

#footer p {
	text-align: center;
	font-size: 12px;
}

#footer a {
	color: #545454;
}

/* Three Column */

#three-column {
	overflow: hidden;
	margin: 0px 50px;
	padding: 50px 0px;
}

#three-column #tbox1 {
	float: left;
	width: 400px;
	margin-right: 50px;
}

#three-column #tbox2 {
	float: left;
	width: 400px;
}

#three-column #tbox3 {
	float: right;
	width: 600px;
}

/* List Style 1 */

ul.style1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style1 li {
	padding: 10px 0px 15px 0px;
	border-top: 1px solid #E6E7DC;
}

ul.style1 form {
	text-decoration: none;
	color: #545454;
}

ul.style1 .first {
	padding-top: 0px;
	border-top: none;
}


/* List style 2 */

ul.style2 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style2 li {
	padding: 25px 0px 15px 0px;
	border-top: 1px solid #525253;
}

ul.style2 .first {
	padding-top: 0px;
	border-top: none;
}

ul.style2 h3 {
	padding: 0px 0px 10px 0px;
}

ul.style2 h3 a {
	color: #E4E4E6;
}

ul.style2 a {
	text-decoration: none;
	color: #919191;
}

ul.style2 a:hover {
	text-decoration: underline;
}

/* Button Style 1 */

.button-style {
	display: inline-block;
	margin-top: 15px;
	padding: 7px 20px;
	background: #333;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
}

.button-style2 {
    display: inline-block;
	margin-top: 0px;
	padding: 1px 2px;
	background: #E0E0E0;
	text-decoration: none;
	text-transform: uppercase;
	color: #000000;
}

.button-style3 {
    display: inline-block;
	margin-top: 10px;
	padding: 3px 10px;
	background: #333;
    font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
}

/* Popups */

#insertReview {
	height: 200px;
	width: 350px;
	position: absolute;
	top: 100%;
	left: 35%;
	text-align:left;
	padding-left: 10px;
	padding-top:10px;
	background-color:#E0E0E0;
	border-style:groove;
	border-width:thick;
	border-color:#808080;
	float:left;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#insertTrailHead {
	height: 200px;
	width: 350px;
	position: absolute;
	top: 100%;
	left: 35%;
	text-align:left;
	padding-left: 10px;
	padding-top:10px;
	background-color:#E0E0E0;
	border-style:groove;
	border-width:thick;
	border-color:#808080;
	float:left;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#insertTrail {
	height: 220px;
	width: 350px;
	position: absolute;
	top: 100%;
	left: 35%;
	text-align:left;
	padding-left: 10px;
	padding-top:10px;
	background-color:#E0E0E0;
	border-style:groove;
	border-width:thick;
	border-color:#808080;
	float:left;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#register {
	height: 350px;
	width: 400px;
	position: absolute;
	top: 35%;
	left: 35%;
	text-align:left;
	padding-left: 10px;
	padding-top:10px;
	background-color:#E0E0E0;
	border-style:groove;
	border-width:thick;
	border-color:#808080;
	float:left;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#login {
	height: 100px;
	width: 400px;
	position: absolute;
	top: 35%;
	left: 35%;
	text-align:left;
	padding-left: 10px;
	padding-top: 10px;
	background-color:#E0E0E0;
	border-style:groove;
	border-width:thick;
	border-color:#808080;
	float:left;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#register {
	height: 350px;
	width: 400px;
	position: absolute;
	top: 35%;
	left: 35%;
	text-align:left;
	padding-left: 10px;
	padding-top:10px;
	background-color:#E0E0E0;
	border-style:groove;
	border-width:thick;
	border-color:#808080;
	float:left;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
#colLabel{
	width: 50%;
	padding-top: 2px;
	float:left;
}
#colForm{
	width:50%;
	float:right;
}
#labelDiv{
	height:6px;
}

#logoutlink{
    float:right;
}
#accountlink{
    float:right;
}
#guestDiv{
    float:right;
}

/********************/
/* EXPANDABLE LIST  */
/********************/
#listContainer{
    margin-top:15px;
}

#expList ul, li {
    list-style: none;
    margin:0;
    padding:0;
    cursor: pointer;
}
#expList p {
    margin:0;
    display:block;
}
#expList p:hover {
    background-color:#121212;
}
#expList li {
    line-height:140%;
    text-indent:0px;
    background-position: 1px 8px;
    padding-left: 20px;
    background-repeat: no-repeat;
}

/* Collapsed state for list element */
#expList .collapsed {
    background-image: url('../images/collapsed.png');
}
/* Expanded state for list element
 /* NOTE: This class must be located UNDER the collapsed one */
#expList .expanded {
    background-image: url('../images/expanded.png');
}
#expList {
    clear: both;
}


#expList2 ul, li {
    list-style: none;
    margin:0;
    padding:0;
    cursor: pointer;
}
#expList2 p {
    margin:0;
    display:block;
}
#expList2 p:hover {
    background-color:#121212;
}
#expList2 li {
    line-height:140%;
    text-indent:0px;
    background-position: 1px 8px;
    padding-left: 20px;
    background-repeat: no-repeat;
}

/* Collapsed state for list element */
#expList2 .collapsed {
    background-image: url('../images/collapsed.png');
}
/* Expanded state for list element
 /* NOTE: This class must be located UNDER the collapsed one */
#expList2 .expanded {
    background-image: url('../images/expanded.png');
}
#expList2 {
    clear: both;
}













